<template>
    <div id="class">
        <cardTop v-bind="className"></cardTop>
        <!--<class-table v-bind="classTable"></class-table>-->
        <classTable v-bind="classTable"></classTable>
        <bt></bt>
    </div>
</template>

<script>
import cardTop from './components/cardTop'
import classTable from './components/classTable'
import bt from './components/button'
export default {
    components:{
        cardTop,classTable,bt,
    },
    data () {
    return {
      className: { // 传到子组件的信息, 直接在这修改文字内容, 不需要修改组件源代码
        title: 'CLASS',
        text1: '企业专业培训, 深入学习',
        text2: '企业自身文化培训&相关的职业技能培训',
        text3: '学生提前了解工作岗位之需, 增强对企业文化的认同感',
      },
      classTable: { // 传到子组件的信息, 直接在这修改文字内容, 不需要修改组件源代码
        classData: [
            { 
                company: '阿里巴巴', // 企业名称
                name: '企业管理初级班第一期', // 班级名称
                require: '运营经理', // 需求
                apply: '我要报名' // 报名预约
            },
            {
                company: '阿里巴巴',
                name: '企业管理初级班第一期',
                require: '运营经理',
                apply: '我要报名'
            },
            {
                company: '阿里巴巴',
                name: '企业管理初级班第一期',
                require: '运营经理',
                apply: '我要报名'
            },
            {
                company: '阿里巴巴',
                name: '企业管理初级班第一期',
                require: '运营经理',
                apply: '我要报名'
            }
        ],
      }
    }
  }
}
</script>

<style scoped>
    #class{
        margin-top:150px;
        display:flex;
        flex-flow:column nowrap;
        align-items: center;
    }
</style>
